<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/11/8
  Time: 11:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Bootstrap</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link href="/css/theme/bootstrap.min.css" rel="stylesheet">
    <link href="/css/theme/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="/css/theme/style.css" rel="stylesheet">
    <link href="/css/theme/dashboard.css" rel="stylesheet">
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <%--<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>--%>
    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/bootstrap.js"></script>
    <script src="/js/bootstrap-paginator.js"></script>

</head>
<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </a><a
                class="brand" href="index.html">违章后台</a>
            <div class="nav-collapse">
                <ul class="nav pull-right">
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i
                            class="icon-cog"></i> 登录名 <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:;">Settings</a></li>
                            <li><a href="javascript:;">Help</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="subnavbar">
    <div class="subnavbar-inner">
        <div class="container">
            <ul class="mainnav">
                <li class="active"><a href="index.html"><i class="icon-dashboard"></i><span>文章管理</span> </a></li>
                <li><a href="reports.html"><i class="icon-list-alt"></i><span>用户列表</span> </a></li>
                <li><a href="shortcodes.html"><i class="icon-code"></i><span>修改密码</span> </a></li>
                <li class="dropdown"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i
                        class="icon-long-arrow-down"></i><span>Drops</span> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="icons.html">Icons</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="pricing.html">Pricing Plans</a></li>
                        <li><a href="login.html">Login</a></li>
                        <li><a href="signup.html">Signup</a></li>
                        <li><a href="error.html">404</a></li>
                    </ul>
                </li>
            </ul>
        </div>

    </div>
</div>
<div class="main">
    <div class="main-inner">
        <div class="container">
            <div class="widget widget-table action-table">
                <div class="widget-header"><i class="icon-th-list"></i>
                    <h3>文章列表</h3>
                </div>
                <!-- /widget-header -->
                <div class="widget-content">
                    <table class="table table-striped table-bordered">

                        <tr>
                            <th> 编号</th>
                            <th> 标题</th>
                            <th> 来源</th>
                            <th> 抓取时间</th>
                            <th> 类别</th>
                            <th> 来源</th>
                            <th class="td-actions">操作</th>
                        </tr>
                        <tr>
                            <td> Fresh Web Development Resources</td>
                            <td> http://www.cssmoban.com/</td>
                            <td> Fresh Web Development Resources</td>
                            <td> http://www.cssmoban.com/</td>
                            <td> Fresh Web Development Resources</td>
                            <td> http://www.cssmoban.com/</td>
                            <td class="td-actions"><a href="javascript:;" class="btn btn-small btn-success"><i
                                    class="btn-icon-only icon-ok"> </i></a><a href="javascript:;"
                                                                              class="btn btn-danger btn-small"><i
                                    class="btn-icon-only icon-remove"> </i></a></td>
                        </tr>
                    </table>

                </div>
                <ul class="pagination pagination-lg" id="paginator" style="margin-top:0px; float:right;">
                </ul>
                <!-- /widget-content -->
            </div>
        </div>
    </div>
</div>

<script type='text/javascript'>
    var options = {
        bootstrapMajorVersion: 3, //bootstrap版本
        size: 'normal',
        itemTexts: function (type, page, current) {
            switch (type) {
                case "first":
                    return "首页";
                case "prev":
                    return "<i class='fa fa-caret-left'></i> 上一页";
                case "next":
                    return "下一页 <i class='fa fa-caret-right'></i>";
                case "last":
                    return "末页";
                case "page":
                    return page;
            }
        },
        tooltipTitles: function (type, page, current) {
            switch (type) {
                case "first":
                    return "首页";
                case "prev":
                    return "上一页";
                case "next":
                    return "下一页";
                case "last":
                    return "末页";
                case "page":
                    return "第" + page + "页";
            }
        },
        pageUrl: function (type, page, current) {
            return "?page=" + page; //跳转到选定页面
        },
        numberOfPages: 6, //显示“第几页”的选项数目
        currentPage: 1, //当前页数
        totalPages: 7 //总页数
    }

    $('#paginator').bootstrapPaginator(options);
</script>
</body>
</html>
